
<script>
export default {
  data() {
    return {
      activeName: "map1",
    };
  },
  methods: {
    handleClick(value) {
        console.log(value);
    },
  },
  render(h) {
    const optionsList = [
      {
        label: "普通地图",
        name: "map1",
        component: () => import(/* webpackChunkName: "group-foo" */ "./e-map"),
      },
      {
        label: "带涟漪点",
        name: "map2",
        component: () =>
          import(/* webpackChunkName: "group-foo" */ "./e-map-style"),
      },
      {
        label: "可配置化",
        name: "map3",
        component: () =>
          import(/* webpackChunkName: "group-foo" */ "./setting-map"),
      },
    ];
    return (
      <yTabs
        onHandleClick={this.handleClick}
        v-model={this.activeName}
        optionsList={optionsList}
      />
    );
  },
};
</script>